<template>
  <div class="main">
    <div class="main--body">
      <h1>404</h1>
    </div>
    <div class="main--footer">
      <Menu></Menu>
    </div>
  </div>
</template>

<script>
import Menu from './components/Menu.vue'
export default {
  name: 'NotFound',
  components: {Menu},
  computed: {},
  data () {
    return {
      bodyHeight: ''
    }
  },
  methods: {
    setBodyHeight () {
      let height = document.documentElement.clientHeight || document.body.clientHeight
      this.bodyHeight = height + 'px'
    }
  },
  created () {
  },
  mounted () {
    this.setBodyHeight()
  },
  watch: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style type="text/scss" rel="stylesheet/scss" lang="scss" scoped>
  @import '../styles/index.scss';
  .main {
    &--body {}
    &--footer {}
  }
</style>
